<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		
		<link rel="stylesheet" href="../css/个人中心.css" />
		<script src="../js/vue.js"></script>
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>	
		<script src="../js/jquery-1.8.3.min.js"></script>
		<!--分页器-->
		<!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
		
	</head>
	<body>
		<div class="personal">
			<div class="nav">
		         <div class="nav_box">
		               <div class="nav_box_one">
		                   <span><img src="../img/tel.jpg" alt=""></span>
		                   <span>客服电话：400-888-8888</span>
		               </div>
		               <div class="nav_box_two">
		                   <ul> 
		                       <li class="nbto" id="redd">协议副本</li>
		                       <a href=""><li class="nbto">流程介绍</li></a>
		                       <li class="nbto">管理办法</li>
		                       <li class="nbto">入市申请</li>
		                       <li class="nbtt">用户<span id="redd">138*****123</span></li>
		                       <a href="personal.html"><li class="nbtt">[个人中心]</li></a>
		                       <li class="nbtt">[退出]</li>
		                   </ul>
		               </div>
		         </div>
		     </div>
		    <div class="header">
		         <div class="head_box">
		               <div class="head_box_one">
		                   <p><img src="../img/login (1).jpg" alt=""></p>
		               </div>
		               <div class="head_box_two">
		                   <ul>
		                       <a href="homepage.html"><li>首页</li></a>
		                       <li>资产存储</li>
		                       <li>新闻资讯</li>
		                       <li>招募经纪商</li>
		                       <li>注册经济商</li>
		                       <li>入市申请</li>
		                       <li>公司介绍</li>
		                   </ul>
		               </div>
		         </div>
		    </div>
			<div class="imgg">
				<p class="imggg"><img src="../img/个人中心_02.jpg"></p>
			</div>
			<div class="home">
				<div class="home_box">
					<ul>
						<a href="homepage.html"><li>首页></li></a>
						<li>个人中心></li>
						<li>我的财产</li>
					</ul>
				</div>
			</div>
			<div class="context">
				    
					   
				
					 <el-tabs type="border-card" :tab-position="tabPosition" class="context_box">
					    <el-tab-pane label="我的资产" class="cont_right">
					    	<div class="cont_right">
                            <div class="right_head">
						 	<div class="right_head_box">
						 	    <div class="right_left">
						 	    	<p class="rlp">
						 	    		<img src="../img/个人中心_052.jpg"/>
						 	    		<i>上传头像</i>
						 	    	</p>	
						 	    	<ul>
						 	    		<li>注册账户：{{phone}}</li>
						 	    		<li>真实姓名：未绑定 </li>
						 	    		<li>身份认证：未绑定 <span>立即验证</span></li>
						 	    		<li>绑定手机：182****2857</li>
						 	    		<li>注册时间：2014—10-12</li>
						 	    	</ul>
						 		</div>
						 	    <div class="right_right">
						 	    	<div class="right_top">
						 	    		<p>
						 	    			<i>￥5600.26</i>
						 	    			<span>可提现金额</span>
						 	    		</p>
						 	    		<p>
						 	    			<i>￥15156.36</i>
						 	    			<span>账户总金额</span>
						 	    		</p>
						 	    		<p>
						 	    			<i>￥5600.26</i>
						 	    			<span>冻结金额</span>
						 	    		</p>
						 	    	</div>
						 	    	<div class="right_bottom">
						 	    		<p>提现</p>
						 	    		<p>立即存入</p>
						 	    	</div>
						 	    </div>
						    </div>
						   
						 </div>
						    <div class="right_cont">
						    <div class="right_cont_box">
						    	<table>
						    		<tr style="background: #dddddd;" class="tableone">
						    			<td>名称</td>
						    			<td>可用余额</td>
						    			<td>冻结</td>
						    			<td>总计</td>
						    			<td>总导入</td>
						    			<td>操作</td>
						    			
						    		</tr>
						    		<tr>
						    			<td>节点总计NPC</td>
						    			<td>5000.0000</td>
						    			<td>5000.0000</td>
						    			<td>10000.0000</td>
						    			<td>5000.000</td>
						    			<td class="lasttd">
						    				<i>转入</i>
						    				<i>存入</i>
						    			</td>
						    		</tr>
						    		<tr style="height: 57px;background: #f6f6f6;">
						    			<td>普银币</td>
						    			<td>0.0000</td>
						    			<td>0.0000</td>
						    			<td>0.0000</td>
						    			<td>0.000</td>
						    			<td  class="lasttdt">
						    				<i>转入</i>
						    				<i>存入</i>
						    			</td>
						    		</tr>
						    	</table>
						    </div>	
						 </div>
						    <div class="right_foot">
						 	<div class="right_foot_box">
						 		<p>近期存储</p>
						 		<table>
						 			<tr class="ontr">
						 				<td>存储ID</td>
						 				<td>收益率</td>
						 				<td>锁定期</td>
						 				<td>存入数量</td>
						 				<td>存入是兑率</td>
						 				<td>存入时间</td>
						 				<td>解冻时间</td>
						 				<td>应得总金额</td>
						 				<td>状态</td>
						 			</tr>
						 			<tr class="twtr">
						 				<td>NPC13007</td>
						 				<td>3.81%</td>
						 				<td>3个月</td>
						 				<td>1000000</td>
						 				<td>1:1.5</td>
						 				<td>
						 					<span>
						 						<i>2017-12-24</i>
						 				        <i>08-12-50</i>
						 					</span>
						 				   
						 				</td>
						 				<td> 
						 					<span>
						 						<i>2017-12-24</i>
						 				        <i>08-12-50</i>
						 					</span>
						 				</td>
						 				<td>70000</td>
						 				<td>存储中</td>
						 			</tr>
						 			<tr class="thtr">
						 				<td>NPC13007</td>
						 				<td>3.81%</td>
						 				<td>3个月</td>
						 				<td>1000000</td>
						 				<td>1:1.5</td>
						 				<td>
						 				   <span>
						 						<i>2017-12-24</i>
						 				        <i>08-12-50</i>
						 					</span>
						 				</td>
						 				<td> 
						 					<span>
						 						<i>2017-12-24</i>
						 				        <i>08-12-50</i>
						 					</span>
						 				</td>
						 				<td>70000</td>
						 				<td>存储中</td>
						 			</tr>
						 			<tr class="twtr">
						 				<td>NPC13007</td>
						 				<td>3.81%</td>
						 				<td>3个月</td>
						 				<td>1000000</td>
						 				<td>1:1.5</td>
						 				<td>
						 				   <span>
						 						<i>2017-12-24</i>
						 				        <i>08-12-50</i>
						 					</span>
						 				</td>
						 				<td> 
						 					<span>
						 						<i>2017-12-24</i>
						 				        <i>08-12-50</i>
						 					</span>
						 				</td>
						 				<td>70000</td>
						 				<td>存储中</td>
						 			</tr>
						 			<tr class="thtr">
						 				<td>NPC13007</td>
						 				<td>3.81%</td>
						 				<td>3个月</td>
						 				<td>1000000</td>
						 				<td>1:1.5</td>
						 				<td>
						 				   <span>
						 						<i>2017-12-24</i>
						 				        <i>08-12-50</i>
						 					</span>
						 				</td>
						 				<td> 
						 					<span>
						 						<i>2017-12-24</i>
						 				        <i>08-12-50</i>
						 					</span>
						 				</td>
						 				<td>70000</td>
						 				<td>存储中</td>
						 			</tr>
						 		</table>
						 	</div>
						 </div>
					        </div>
					    </el-tab-pane>
					    <el-tab-pane label="数字资产转入" class="cont_right">
					    	 <div class="tapold">
					    	 	  <ul>
							        <li v-on:click="qh(true)">
							           <span >PEB</span>
							        </li>
							        <li v-on:click="qh(false)">
							            <span >NBC</span>
							        </li>
							    </ul>
							     <div class="tapone" v-if="temp">
							        <div class="taptop">
							        	<div class="tapringht">
							        		<p>这是您的节点本币钱包地址，请将您的数字资产转入此地址：</p>
							        		<h1>LTgNeoRRdfsdWRTWsffv7ER23454354</h1>
							        	</div>
							        	<div class="tapleft">
							        		<p><img src="../img/首页12-23_07.jpg"/></p>
							        	</div>
							        </div>
							         <div class="tapcen">
							        	 <p>!</p>
							        	 <ol>
							        	 	<li>禁止充值除在龙币上线交易之外的其他数字资产，任何非龙币上线交易的数字资产充值将不可找回! </li>
							        	    <li>1、往该地址充值，汇款完成，等待网络自动确认(>2个确认)后系统自动</li>
							        	    <li>2、往该地址充值，汇款完成，等待网络自动确认(>2个确认)后系统自动</li>
							        	 </ol>
							        </div>
							         <div class="tapbottom">
							        	<div class="bottomtop">
							        		<h2>近期转入</h2>
							        		<h3>查看更多</h3>
							        	</div>
							        	<table>
							        		<tr style="height: 38px;background: #FF9900;color: #fff;">
							        			<td v-for="i in nbcdata">{{i}}</td>
							        			
							        		</tr>
							        		<tr style="height: 58px;background: #fff;">
							        			<td v-for="i in nbcdata2">{{i}}</td>
							        		</tr>
							        		<tr style="height: 58px;background: #eeeeee;">
							        			<td v-for="i in nbcdata3">{{i}}</td>
							        		</tr>
							        	</table>
							        </div>
							    </div>
							
							    <div class="tapone" v-if="!temp">
							        <div class="taptop">
							        	<div class="tapringht">
							        		<p>这是您的节点本币钱包地址，请将您的数字资产转入此地址：</p>
							        		<h1>LTgNeoRRdfsdWRTWsffv7ER23454354</h1>
							        	</div>
							        	<div class="tapleft">
							        		<p><img src="../img/首页12-23_07.jpg"/></p>
							        	</div>
							        </div>
							         <div class="tapcen">
							        	 <p>!</p>
							        	 <ol>
							        	 	<li>禁止充值除在龙币上线交易之外的其他数字资产，任何非龙币上线交易的数字资产充值将不可找回! </li>
							        	    <li>1、往该地址充值，汇款完成，等待网络自动确认(>2个确认)后系统自动</li>
							        	   
							        	 </ol>
							        </div>
							         <div class="tapbottom">
							        	<div class="bottomtop">
							        		<h2>近期转入</h2>
							        		<h3>查看更多</h3>
							        	</div>
							        	<table>
							        		<tr style="height: 38px;background: #FF9900;color: #fff;">
							        			<td v-for="i in nbcdata">{{i}}</td>
							        			
							        		</tr>
							        		<tr style="height: 58px;background: #fff;">
							        			<td v-for="i in nbcdata2">{{i}}</td>
							        		</tr>
							        		<tr style="height: 58px;background: #eeeeee;">
							        			<td v-for="i in nbcdata3">{{i}}</td>
							        		</tr>
							        	</table>
							        </div>
							    </div>
					    	 </div>
					    </el-tab-pane>
					     <el-tab-pane label="转入记录" class="cont_right">
					     	 

					     </el-tab-pane>
					    <el-tab-pane label="提现" class="cont_right">
					    	<div class="one">
					    		<h1>提现</h1>
					    		<p>提现记录</p>
					    	</div>
					    	<div class="two">
					    		<i>!</i>
					    		提示：1、提现手续费每笔5元；   2、提现到账时间为T+1；   3、由于银行系统原因，节假日周末提现会有延迟
					    	</div>
					    	<div class="three">
					    		<ul>
					    			<li><span>持卡人：</span><i>{{inponrdata0}}</i></li>
					    			<li><span>提现银行卡：</span><i>{{inponrdatas}}</i></li>
					    			<li><span>银行卡号：</span><input type="text" value="" v-model="inponrdataf"/></li>
					    			<li><span>开户支行：</span><input type="text" value="" v-model="inponrdatae"/></li>
					    			<li><span>可提余额：</span><i>{{keti|currency(2)}}</i></li>
					    			<li><span>提取金额：</span><input type="text" style="width: 163px;" v-model="inponrdatae"/></li>
					    			<li><span>手续：</span><i>{{shouxu}}</i></li>
					    			<li><span>实到金额：</span><input type="text" style="width: 163px;" v-model="shidaojine"/></li>
					    			<li><span>手机号码：</span><input type="text" style="width: 163px;" v-model="inponrdatae"/></li>
					    			<li>
					    				<span>验证码：</span><input type="text" style="width: 163px;" v-model="inponrdatae"/>
					    				<button id="but" @click="getCode(formData)">获取手机验证码</button>
					    			</li>
					    			<div class="bind_three" v-show="show">
								    	<p><img src="../img/denglu (7).jpg"/></p>
								    	<span>验证码输入错误</span>
								   </div>
								   
					    		</ul>
					    		 <p class="tixian"style="margin-top: 75px;">提现</p>
					    	</div>
					    </el-tab-pane>
					    <el-tab-pane label="提现记录" class="cont_right">"提现","提现记录"</el-tab-pane>
					    <el-tab-pane label="存储管理" class="cont_right">角色管理</el-tab-pane>
					    <el-tab-pane label="我的存储" class="cont_right">角色管理</el-tab-pane>
					    <el-tab-pane label="账号管理" class="cont_right">角色管理</el-tab-pane>
					    <el-tab-pane label="基本信息" class="cont_right">
					    	<div class="jbmsg">
						 	    	<p class="rlp">
						 	    		<img src="../img/个人中心_052.jpg"/>
						 	    		<i>备注：点击头像可修改相册</i>
						 	    	</p>	
						 	    	<ul>
						 	    		
						 	    		<li>真实姓名：<span>未认证</span> <span>立即验证</span></li>
						 	    		<li>身份证号： <span>未认证</span><span>立即验证</span></li>
						 	    		<li>手机号码：{{phone}}<span style="margin-left:48px ;color: black;">已认证</span></li>
						 	    		<li>性别：男</li>
						 	    		<li>出生日期：1990年12月12日</li>
						 	    	</ul>
						 		</div>
					    </el-tab-pane>
					    <el-tab-pane label="身份验证" class="cont_right">
                               <div class="identity">
								    <div class="iden_head">
								    	
								        <p v-for="(ind,index) in btn":class="{active:(indexs==index)}" @click="a(index)">
								        	<span>{{index+1}}</span>
								        	{{ind}}
								        </p>
								    </div>
								    <div class="wrap">
								        <div v-if="indexs == 0">
								        	
								        	<ul class="wrap_one">
								        		<li><span>我的真实姓名：</span><input type="text" value="" v-model="inponrdata0"/></li>
								        		<li><span>我的身份证号码：</span><input type="text" value="" v-model="inponrdatat"/></li>
								        	</ul>
								        	<ul class="wrap_two">
								        		<li>
								        			<span>银行卡号：</span><input type="text" placeholder="请输入银行卡号" v-model="inponrdataf"/>
								        	    </li>
								        		<li>
								        	        <span>所属银行：</span><input type="text" placeholder="请输入银行名称" v-model="inponrdatas"/></li>
								        		<li>
								        			<span>开户行城市：
								        			      <select v-model="Province" style="margin-left: 21px;">
													        <option v-for="option in arr" :value="option.name">
													          {{ option.name }}
													        </option>
													      </select>
													      <select v-model="city">
													        <option v-for="option in cityArr" :value="option.name">
													          {{ option.name }}
													        </option>
													      </select>
													      <select v-model="lcity">
													        <option v-for="option in cityArr" :value="option.name">
													          {{ option.name }}
													        </option>
													      </select>
								        			</span>
								        		</li>
								        		<li>
								        			<span>开户行名称：<input type="text" value="" v-model="inponrdatae"/></span>
								        		</li>
								        	</ul>
								        	<ul class="wrap_three">
								        		<li><span>手机号码：</span><input type="text" placeholder="请输入手机号码" v-model="inponrdataw"/></li>
								        		<li>
								        			<span>验证码：</span>
								        			<input type="text" style="width: 165px;" v-model="inponrdatap"/>
								        			<button id="but" @click="getCode(formData)">获取手机验证码</button>
								        		</li>
								        	</ul>
								        	<p class="tixian" @click="tixian()">提现</p>
								            <div class="bind_three" v-show="show">
								    			<p><img src="../img/denglu (7).jpg"/></p>
								    			<span>验证码输入错误</span>
								    		</div>
								        </div>
								        <div v-if="indexs == 1">
								        	<p style="height: 155px;width: 666px;margin-left: 0;display: flex;justify-content: space-between;">
								        		<el-upload style="border: 1px solid #d9d9d9;background:#f6f6f6;height:155px;width:155px;margin-left: 0;margin-top:0;border-radius: 20px; cursor: pointer;position: relative;overflow: hidden;"
													  class="avatar-uploader"
													  action="https://jsonplaceholder.typicode.com/posts/"
													  :show-file-list="false"
													  :on-success="handleAvatarSuccess"
													  :before-upload="beforeAvatarUpload">
													  <img v-if="imageUrl" :src="imageUrl" class="avatar">
													  <i v-else style="font-size: 16px; color: #8c939d; position: absolute;left:24px;top:115px;">上传证件照正面</i>
												</el-upload>
                                                <el-upload style="border: 1px solid #d9d9d9;background:#f6f6f6;height:155px;width:155px;margin-left: 0;margin-top:0;border-radius: 20px; cursor: pointer;position: relative;overflow: hidden;"
													  class="avatar-uploader"
													  action="https://jsonplaceholder.typicode.com/posts/"
													  :show-file-list="false"
													  :on-success="handleAvatarSuccess"
													  :before-upload="beforeAvatarUpload">
													  <img v-if="imageUrl" :src="imageUrl" class="avatar">
													  <i v-else style="font-size: 16px; color: #8c939d; position: absolute;left:24px;top:115px;">上传证件照背面</i>
												</el-upload>
												<el-upload style="border: 1px solid #d9d9d9;background:#f6f6f6;height:155px;width:155px;margin-left: 0;margin-top:0;border-radius: 20px; cursor: pointer;position: relative;overflow: hidden;"
													  class="avatar-uploader"
													  action="https://jsonplaceholder.typicode.com/posts/"
													  :show-file-list="false"
													  :on-success="handleAvatarSuccess"
													  :before-upload="beforeAvatarUpload">
													  <img v-if="imageUrl" :src="imageUrl" class="avatar">
													  <i v-else style="font-size: 16px; color: #8c939d;position: absolute;left:24px;top:115px;">手持身份证</i>
												</el-upload>
												
								        	</p>
								        	
								    			
								    			<span style="font-size:12px;color: #FF6600;display:block;margin-top: 27px;margin-left: 290px;"><img src="../img/denglu (7).jpg"/>错误提示</span>
								    		
								        	<span class="tixian" style="margin: 30px auto;">提交</span>
								        	<div class="twobottom" style="height: 105px;width: 567px;margin-left: 0;">
								        		<p>1、持身份证照片要求: 五官可见，证件全部信息清晰无遮挡，完全露出双手手臂 </p>
								        		<p>2、证件必须是清晰彩色原件电子版，证件上文字清晰可见，可以是扫描件或数码拍摄炒片</p>
								        		<p>3、请上传后缀为jpg/png/jpeg的照片，图片大小为2M</p>
								        		<p>4、预计审计时间为2~3个月</p>
								        	</div>
								        </div>
								        <div v-if="indexs == 2">
								        	<p class="indext"><img src="../img/身份认证(审核）_03.jpg"/></p>
								        	<p class="indext">
								        		正在审核中，请耐心等待
								        	</p>
								        </div>
								    </div>
								</div>
					    </el-tab-pane>
					    <el-tab-pane label="更换绑定手机号" class="cont_right">
					    	<div class="bind">
					    		<p>您已绑定的手机：{{phone}}</p>
					    		<div class="bind_two">
					    			<span>验证码：</span>
					    			<input type="text" name="" id="#btn"  v-model.trim="formData.code" />
					    			<button @click="getCode(formData)">获取手机验证码</button>
					    			<span>倒计{{count}}s</span>
					    			<i>15分钟有效</i>
					    		</div>
					    		<div class="bind_three" v-show="show">
					    			<p><img src="../img/denglu (7).jpg"/></p>
					    			<span>验证码输入错误</span>
					    		</div>
					    		<div class="bind_fore">
					    			<p>验证码已发送至您目前的绑定手机号，正确输入后进行下一步操作</p>
					    		</div>
					    	</div>
					    </el-tab-pane>
					    <el-tab-pane label="密码管理" class="cont_right">
					    	<div class="management">
					    		
				   		        <ul class='msgo'>
					    			<li>注册账户：</li>
					    			<li>原密码：</li>
					    			<li>新密码：</li>
					    			<li>再次输入新密码：</li>
					    			<p @click="xiugai()">立即修改</p>
					    		</ul>
					    		<ul>
					    			<li>{{phone}}</li>
					    			<li><input type="password"  v-model="oldmpass"/></li>
					    			<li><input type="password"  v-model="newmpass"/></li>
					    			<li><input type="password" v-model="newpass"/></li>
					    		</ul>
					    		
					    	</div>
					    </el-tab-pane>
					    <el-tab-pane label="消息中心" class="cont_right">
					    	<div class="msgcent">
					    	<p>消息中心</p>
					    		 <div id="app" class="page-container">
						            <!--页面该显示的内容-->
						            <div class="page-content text-center">
						            	<ul>
						            		<li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li>
						            		<li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li>
						            		<li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li><li>
						            			<p style="height: 15px;width: 15px;border:1px solid #ccc;border-radius: 5px;margin-left: 12px;"></p>
						            			<p style="border: 0;width: 70px;">提现提示</p>
						            			<p style="border: 0;width: 316px;">您于2017/12/07 14:30:16，申请提现137元。</p>
						            			<p style="border: 0;width: 88px;">2017-12-15</p>
						            		</li>
						            		
						            	</ul>
						            </div>
						
						            <!--分页-->
						            
						            <el-pagination
									  :page-size="20"
									  :pager-count="11"
									  layout="prev, pager, next"
									  :total="1000">
									</el-pagination>
									
						       </div>
					    	</div>
					    </el-tab-pane>
					   
					 </el-tabs>
				
			</div>
			<div class="foote">
				<div class="foot_box">
					<div class="foot_box_left">
						<p class="lefto">全国统一客服热线</p>
						<div class="leftt">
							<img src="../img/首页12-23_69.jpg"/>
							<span>400-888-8888</span>
						</div>
						<div class="leftf">
							<p>QQ交流群1:2947658573</p>
							<p>QQ交流群2:1347658573</p>
						</div>
					</div>
					<div class="foot_box_right">
						<ul style="width:300px;">
							<li v-for="i in fotdata" style="height:34px;margin-right: 73px;">{{i}}</li>
						</ul>
						<p class="pp">
							<span>微信订阅号</span>
							<i><img src="../img/首页12-23_07.jpg"></i>
						</p>
					</div>
				</div>
			</div>
			<div class="footer">
             	<div class="footr_box">
             		<p>京公网按备      </p>
             		<p>11011225  </p>
             		<p>京ICP备</p>
             		<p>讯风数字资产管理有限公司</p>
             	</div>
             </div>
			
		</div>
		<script>
			Vue.filter('currency',function(val,i,n){//变成钱
		        var num = parseFloat(val).toFixed(n || 2);
		        var re = /(\d{1,3})(?=(\d{3})+(?:\.))/g;
		        var s = (i || "$") + num.replace(re, "$1,");
		        return s;
		      })
	       new Vue({
				el:".personal",
				data(){
					return{
						 temp:true,
					    title:["我的资产","数字资产转入","转入记录","提现","提现记录","存储管理","我的存储",
					    "账号管理","基本信息","身份验证","更换绑定手机号","密码管理","消息中心"],
						oldmpass:"",
						newmpass:"",
						newpass:"",
						formData: {
				          phone:'',
				          code:'',
				        },
				        timer: null,
				        count:"",
						phone:"158****5246",
						show:false,
						tabPosition:'left',
						tabPo:'top',
					
						olidata:["数字资产转入","转入记录","提现","提现记录"],
						tlidata:["基本信息","身份验证","更换绑定手机号","密码管理"],
						fotdata:["关于我们","协议副本","关于PBE","关于NPC","公司介绍","团队介绍",
						        "流程介绍","相关规则","管理办法"],
					    btn:["填写身份信息和银行卡信息","上传证件照","提交审核"],
				        indexs:0,
				        inponrdata0:"",
				        inponrdatat:"",
				        inponrdataf:"",
				        inponrdatas:"",
				        inponrdatae:"",
				        inponrdataw:"",
				        inponrdatap:"",
				       	arr: [
				          {name: "省份", sub: [{name: "长沙市"}, {name: "李县"},]},
				          {name: "湖南省", sub: [{name: "南昌市"}, {name: "九江市"},]},
				          {name: "江苏省", sub: [{name: "小的县"}, {name: "洪洞县"},]},
				        ],
				        Province: '省份',
				        city: '长沙市',
				        lcity:'洪洞县',
				        cityArr: [],
				        imageUrl: '',
				        keti:500000,
				        change:["PEB","NPC"],
				        nbcdata:["序号","转入地址","转入数量","确认数","转入时间","状态"],
				        nbcdata2:["1089","RRgnhgxxxxxxxxSKsyLU8 ","1000",">=2","2017-12-24 08：12：50","成功"],
                        nbcdata3:["516595","RRgnhgxxxxxxxxSKsyLU8 ","1000",">=2","2017-12-24 08：12：50","成功"]
				    
				    
				  }
				},
				beforeMount: function () {
				      this.updateCity();
				},
				watch:{
				      Province:function () {
				        this.updateCity();
				        console.info('Province='+this.Province)
				      },
				      city:function () {
				        console.info('city='+this.city)
				      }
				},
				computed:{
					 shouxu(){
					 	var shouxu=0;
					 	shouxu=this.keti/1000;
					 	return shouxu;
					 },
					 shidaojine(){
					 	var shidaojine=0;
					 	shidaojine=this.keti-this.shouxu;
					 	return shidaojine;
					 }
					
						
			      
				},
				methods:{
					   //tap页
					    qh:function (t) {
			                console.log(t);
			                this.temp=t
			            },
					    a(str){
							this.indexs=str;
						},
						//获取验证码
						
				        getCode(formData){
				        	let TIME_COUNT = 60;
				            if (!this.timer) {
				                this.count = TIME_COUNT;
				                this.show = false;
				                this.timer = setInterval(() => {
				                  if (this.count > 0 && this.count <= TIME_COUNT) {
				                    this.count--;
				                  } else {
				                    this.show = true;
				                    clearInterval(this.timer);
				                    this.timer = null;
				                  }
				                }, 1000)
				              }
				        },
                        //修改
                        xiugai(){
                        	if(this.oldmpass==""||this.newmpass==""||this.newpass==""){
                        		alert("请确认信息在修改")
                        	}else if(this.newmpass!=this.newpass){
                        		alert("新旧密码不一样")
                        	}else if((this.oldmpass&&this.newmpass&&this.newpass)!=""){
                        		alert("密码修改成功，请用新密码登录")
                        	}
                        },
                        //提现
                         tixian(){
                         	if((this.inponrdata0||this.inponrdatat||this.inponrdataf||this.inponrdatas||this.inponrdatae||this.inponrdataw||this.inponrdatat)==""){
				               alert("填满信息在提现")
                         		
                         	}
                         },
					    
					    //获取地址
					    updateCity() {
					        for (let i in this.arr) {
					          let obj = this.arr[i].name;
					          if (obj == this.Province) {
					            this.cityArr = this.arr[i].sub;
					          } else {
					            this.cityArr = this.arr[0].sub;
					          }
					        }
					    },
					    //加载图片
					    handleAvatarSuccess(res, file) {
					        this.imageUrl = URL.createObjectURL(file.raw);
					    },
					    beforeAvatarUpload(file) {
					        const isJPG = file.type === 'image/jpeg';
					        const isLt2M = file.size / 1024 / 1024 < 2;
					
					        if (!isJPG) {
					          this.$message.error('上传头像图片只能是 JPG 格式!');
					        }
					        if (!isLt2M) {
					          this.$message.error('上传头像图片大小不能超过 2MB!');
					        }
					        return isJPG && isLt2M;
					      }
					    }  
               
   			})
		</script>
	</body>
</html>
